	page{
		// background: $page-color-base;
		background: #FFFFFF;
		padding-bottom: 160upx;
	}
	.icon-you{
		font-size: $font-base + 2upx;
		color: #888;
	}
	.bannerImg {
	  &>image {
		  width: 100%;
		  // height: 692upx;
	  }
	 }
	.title{
		flex-direction: column;
		display: flex;
		background-color: #036db2;
		width: 750upx;
		height: 112upx;
		.title-top {
			display: flex;
			flex-direction: column;
			font-size: $font-sm + 6upx;
			color: #FFFFFF;
			font-weight: bold;
			margin-top: 25upx;
			&>text {
				margin-left: 30upx;
				}
			}
			.title-bottom{
				display: flex;
				flex-direction: column;
				font-size: $font-sm;
				color: #FFFFFF;
				&>text {
					margin-bottom: 20upx;
					margin-left: 30upx;
				}
			}
	}
	// .integral{
	// 	width: 100%;
	// 	display: flex;
	// 	background-color: #FFFFFF;
	// 	color: #db4d7f;
	// 	height: 78upx;
	// 	&>text{
	// 		font-size: $font-base + 2upx;
	// 		margin: 10upx 30upx 0upx 0upx;
	// 	}
	// }
	.details{
		// height: 636upx;
		width: 100%;
		background-color: #faf2f5;
		.integral{
			color: #db4d7f;
			height: 78upx;
			background-color: #FFFFFF;
			&>text{
				font-size: $font-base + 6upx;
				margin-left: 50upx;
				& text{
					font-size: $font-base;
				}
			}
		}
		.present {
			display: flex;
			flex-direction: column;
			font-size: $font-sm + 4upx;
			color: #464746;
			margin-top: 22upx;
			background-color: #FFFFFF;
			&>h3{	
				font-size: $font-sm + 8upx;
				font-weight: bold;
				padding:50upx 60upx 30upx;
			}
			&>view {
				display: flex;
				flex-direction: column;
				font-size: $font-sm + 2upx;
				color: #464746;
				&>text {
					margin-bottom: 20upx;
					margin-left: 77upx;
					& text {
						color: #db4d7f;
					}
				}
			}
			.btn{
				margin: 75upx 0;
				&>button{
					width: 692upx;
					height: 88upx;
					margin: 30upx auto;
				}
			}
		}
	}